<template>
<div class="Question-box">
  <nav-bar title="常见问题" fixed="fixed" />
  <div class="question-content">
    <ul class="question-list">
      <li @click="goLink(1)">
        <span class="name">1，关于注册</span>
      </li>
      <li>
        <span class="name">2，关于添加银行卡</span>
      </li>
      <li>
        <span class="name">3，关于绑定二维码</span>
      </li>
      <li>
        <span class="name">4，关于一键买币（充值）</span>
      </li>
      <li>
        <span class="name">5，关于一键买币（体现）</span>
      </li>
      <li>
        <span class="name">6，关于抢单</span>
      </li>
    </ul>
  </div>
</div>
</template>
<script>
export default {
  name: 'Question',
  data() {
    return {
    };
  },
  created() {
  },
  mounted() {
  },
  methods: {
    goLink() {
      this.$router.push({ 'path': '/question/details', query: { id: 1 } });
    }
  }
};
</script>
<style lang="less" scoped>
.Question-box{
  .question-content{
    padding: 20px 0;
    .question-list{
      li{
        padding: 28px 33px 23px;
        font-size:32px;
        background-color: #fff;
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
        &::after{
          content: '';
          display: block;
          height: 20px;
          width: 10px;
          margin-top:15px;
          display: inline-block;
          background-image: url('../../assets/images/icon-arrow-right-grey.png');
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
        }
      }
    }
  }
}
</style>
